<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/login.css">
</head>
<body>
    <div class="header">
        <div class="logo_box"><img class="logo" src="https://www.helenarubinstein.cn/img/logo.a9f8755f.png" alt="">
        </div>
        <p class="greet">| 欢迎登录</p>
    </div>
    <div class="content">
        <div class="login_wrap">
            <ul class="cut">
                <li class="active">登录</li>
                <li>注册</li>
            </ul>
            <ol class="show_box">
                <li class="login active">
                    <form>
                        <span class="hint">用户名或密码错误 ^_^</span>
                        <div>用户名:<input class="username" type="text" placeholder="手机号/用户名/昵称"></div>
                        <div>密码: <input class="password" type="password"></div>
                        <button class="login_btn">登录</button>
                    </form>
                </li>
                <li class="register">
                    <form>
                        <span class="error">该用户名以被占用, 请更换后重试! ^_^</span>
                        <div>
                            用户名: <input class="username" type="text">
                        </div>
                        <div>
                            密码: <input class="password" type="text">
                        </div>
                        <div>
                            确认密码: <input class="rpassword" type="text">
                        </div>
                        <div>
                            昵称: <input class="nickname" type="text">
                        </div>
                        <button>注册</button>
                    </form>
                </li>
            </ol>
        </div>
    </div>
    <script src="../js/login.js"></script>
    <script src=""></script>
</body>
</html>